<template>
  <div id="ContentList">
    <ul>
        <li v-for="item in dataList" :item=item>
            <img :src="item.imageurl" alt="">
            <span>{{item.name}}</span>
        </li>
    </ul>
    
  </div>
</template>
<script>
export default {
    data(){
        return {
            dataList:[]
        }
    },
    created(){
        var _this = this;
        this.$http.get(this.$baseUrl+'/api/home').then(function(response){
            if(response.data){
                // console.log(response.data);
               _this.dataList =  response.data.info[0].adpositionlist;
            //    console.log(_this.dataList);
            }
        }).catch(function(error){
            console.log(error);
        })       
    }
}
</script>
<style lang="scss" scoped>
        #ContentList{
            width:100%;
            height: auto;
            padding-bottom: 15px;
            ul{
                width: 100%;
                height: 100%;
                display: flex;
                li{                   
                    list-style: none;
                    text-align: center;
                    flex-direction: row;
                    img{
                        // justify-content: center;
                    // align-items: center;
                        width: 45%;
                    }
                    span{
                        display: block;
                    }
                }
            }
        }
</style>

